<template>
  <div class="banner">
    <div class="banner-item" :style="{ backgroundImage: `url(${banner.img})` }">
      <div data-v-3000ce76="" class="banner-logo">
        <img
          data-v-3000ce76=""
          data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/06/05/15913436743721862.png"
          src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/06/05/15913436743721862.png"
          lazy="loaded"
        />
        <span data-v-3000ce76="" style="font-size: 40px">Bing</span>
      </div>
      <div class="title">{{ banner.title }}</div>
      <div class="desc">{{ banner.desc }}</div>
    </div>
  </div>
  <div
    data-v-1e623667=""
    data-v-479e653e=""
    class="night-demo"
    id="db4c4cb9-cacf"
    component-name="NewSecond"
    style="background: rgb(255, 255, 255)"
  >
    <div data-v-1e623667="" class="comp-atible">
      <p data-v-1e623667="" style="color: rgb(51, 51, 51)">Bing广告优势</p>
      <div data-v-1e623667="" class="comp-text" style="color: rgb(51, 51, 51)">
        Bing 作为全球第二大搜索引擎
        拥有超过6亿高购买力用户，35%美国pc端购买市场份额
      </div>
      <div data-v-1e623667="" class="second-flex-grid">
        <div data-v-1e623667="" class="icon-card">
          <img
            data-v-1e623667=""
            data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838273955321907.png"
            src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838273955321907.png"
            lazy="loaded"
          />
          <div data-v-1e623667="" class="icon-text">
            <p data-v-1e623667="">专业团队</p>
            <div data-v-1e623667="" class="night-text">
              遇到问题及时解决，享受专业营销咨询服务
            </div>
          </div>
        </div>
        <div data-v-1e623667="" class="icon-card">
          <img
            data-v-1e623667=""
            data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838273955208745.png"
            src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838273955208745.png"
            lazy="loaded"
          />
          <div data-v-1e623667="" class="icon-text">
            <p data-v-1e623667="">竞争小 成本低</p>
            <div data-v-1e623667="" class="night-text">
              Bing的广告主竞争程度相对谷歌小些，转化成本更低
            </div>
          </div>
        </div>
        <div data-v-1e623667="" class="icon-card">
          <img
            data-v-1e623667=""
            data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838273955265044.png"
            src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838273955265044.png"
            lazy="loaded"
          />
          <div data-v-1e623667="" class="icon-text">
            <p data-v-1e623667="">定位精确</p>
            <div data-v-1e623667="" class="night-text">
              根据设备、地域、时间等进行定位，精准锁定目标用户
            </div>
          </div>
        </div>
        <div data-v-1e623667="" class="icon-card">
          <img
            data-v-1e623667=""
            data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/1583827395695487.png"
            src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/1583827395695487.png"
            lazy="loaded"
          />
          <div data-v-1e623667="" class="icon-text">
            <p data-v-1e623667="">门槛低 预算灵活</p>
            <div data-v-1e623667="" class="night-text">
              广告主可自行设置预算和最高点击费用，灵活掌控成本和产出
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    data-v-cc3c4d42=""
    data-v-479e653e=""
    class="eleven-demo"
    id="e189c95f-1e88"
    component-name="Eleven"
    style="background: rgb(242, 246, 250)"
  >
    <div data-v-cc3c4d42="" class="comp-atible">
      <div data-v-cc3c4d42="" class="eleven-list">
        <div data-v-cc3c4d42="" class="eleven-aboust">
          <p
            data-v-cc3c4d42=""
            style="margin-bottom: 0px; color: rgb(51, 51, 51)"
          >
            Bing
          </p>
          <p data-v-cc3c4d42="" style="width: 410px">满足不同推广需求</p>
          <div data-v-cc3c4d42="" class="eleven-text">
            将您的业务添加到Bing
            Ad是以基于必应的搜索广告为核心的Microsoft全球化网络营销服务，旨在帮助中国出口型企业以一种低门槛的推广方式面向全球高质用户推广自己的品牌和产品。Bing作为全球第二大搜索引擎，覆盖全球36个国家和地区，拥有超过6亿高购买力用户。50%的Bing搜索用户在45岁以下，超过33.3%的Bing网络用户家庭年收入在十万美金上，近50%的Bing用户拥有本科及以上的学历
          </div>
          <div data-v-cc3c4d42="" class="name-small"></div>
        </div>
      </div>
      <img
        data-v-cc3c4d42=""
        alt="Bing 满足不同推广需求"
        class="eleven-img"
        data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838273958644446.jpg"
        src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838273958644446.jpg"
        lazy="loaded"
      />
    </div>
  </div>
  <div
    data-v-96122de0=""
    data-v-479e653e=""
    class="twenty-one"
    id="5ca6f3ed-dabb"
    component-name="TwentyOne"
  >
    <div
      data-v-96122de0=""
      class="twenty-content"
      style="background: rgb(98, 115, 117)"
    >
      <div
        data-v-96122de0=""
        class="twenty-text"
        style="color: rgb(116, 226, 232)"
      >
        <div data-v-96122de0="" class="reason-content">
          <p data-v-96122de0="" class="twenty-first">Bing</p>
          <p data-v-96122de0="" class="twenty-second">选择COLOURMIX</p>
          <p data-v-96122de0="" class="twenty-three">我们助您达成销量</p>
          <div data-v-96122de0="" class="twenty-four">
            Bing作为全球第二大搜索引擎,
            拥有超过6亿高购买力用户和35%美国PC端购买市场份额。至2004年起，为包括中国国际航空公司,
            阿里巴巴和携程在内的6000+企业提供出海推广服务
          </div>
        </div>
      </div>
      <div
        data-v-96122de0=""
        class="twenty-right"
        style="
          background-image: url('https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/06/1583484457726712.jpg');
        "
      ></div>
    </div>
  </div>
  <div
    data-v-0eef81d6=""
    data-v-479e653e=""
    class="nineteen-demo"
    id="5e5040bc-f706"
    component-name="Nineteen"
    style="background: rgb(255, 255, 255)"
  >
    <div data-v-0eef81d6="" class="comp-atible">
      <p data-v-0eef81d6="" style="color: rgb(50, 50, 50)">Bing搜索独特价值</p>
      <div data-v-0eef81d6="" class="night-flex">
        <div
          data-v-0eef81d6=""
          class="left-content"
          style="background: rgb(249, 250, 251)"
        >
          <p data-v-0eef81d6="" style="color: rgb(50, 50, 50)">四大优势</p>
          <div
            data-v-0eef81d6=""
            class="left-list"
            style="margin-right: 20px; margin-bottom: 50px"
          >
            <img
              data-v-0eef81d6=""
              alt=""
              data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/1583827396630501.png"
              src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/1583827396630501.png"
              lazy="loaded"
              style="width: 40px; margin-bottom: 30px"
            />
            <p data-v-0eef81d6="" class="left-title">市场占有率</p>
            <div
              data-v-0eef81d6=""
              class="left-text"
              style="color: rgb(50, 50, 50)"
            >
              Bing是全球第二大搜索引擎，拥有广泛的用户群体和良好的市场占有率。这意味着您的广告将有更广泛的曝光面和潜在的点击量
            </div>
          </div>
          <div data-v-0eef81d6="" class="left-list">
            <img
              data-v-0eef81d6=""
              alt=""
              data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838274012025564.png"
              src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838274012025564.png"
              lazy="loaded"
              style="width: 40px; margin-bottom: 30px"
            />
            <p data-v-0eef81d6="" class="left-title">高质量流量</p>
            <div
              data-v-0eef81d6=""
              class="left-text"
              style="color: rgb(50, 50, 50)"
            >
              与其他搜索引擎相比，Bing的用户往往更具购买力和更有可能进行高价值的转化。因此，您的广告将面对更高质量的流量
            </div>
          </div>
          <div
            data-v-0eef81d6=""
            class="left-list"
            style="margin-right: 20px; margin-bottom: 90px"
          >
            <img
              data-v-0eef81d6=""
              data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838273978444405.png"
              src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838273978444405.png"
              lazy="loaded"
              style="width: 40px; margin-bottom: 30px"
            />
            <p data-v-0eef81d6="" class="left-title">低竞争度</p>
            <div
              data-v-0eef81d6=""
              class="left-text"
              style="color: rgb(50, 50, 50)"
            >
              相对于其他搜索引擎，Bing的竞争度较低。这意味着您可以更容易地在相关领域中脱颖而出，并以更低的价格获得更多的点击量
            </div>
          </div>
          <div data-v-0eef81d6="" class="left-list">
            <img
              data-v-0eef81d6=""
              data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838273998358886.png"
              src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838273998358886.png"
              lazy="loaded"
              style="width: 40px; margin-bottom: 30px"
            />
            <p data-v-0eef81d6="" class="left-title">联合广告平台</p>
            <div
              data-v-0eef81d6=""
              class="left-text"
              style="color: rgb(50, 50, 50)"
            >
              Microsoft联合广告平台允许您的广告出现在一系列 Microsoft
              产品上，例如 Windows、Skype、Xbox、Office
              等，这为您的广告带来了更大的曝光面
            </div>
          </div>
        </div>
        <img
          data-v-0eef81d6=""
          alt=""
          class="nineteen-img"
          data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838273959219772.png"
          src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838273959219772.png"
          lazy="loaded"
        />
      </div>
    </div>
  </div>
</template>
<script setup>
const banner = {
  img: "https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/06/05/15913434984382190.jpg",
  title: "微软全球化网络营销服务",
  desc: "帮助中国出口型企业以一种低门槛的推广方式面向全球高质用户推广自己的品牌和产品",
};
</script>
<style lang="less" scoped>
.banner {
  height: 540px;
  width: 100%;
  margin-top: 64px;
  .banner-item {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
    .banner-logo {
      img {
        display: inline-block;
        margin-right: 15px;
        vertical-align: sub;
        width: 40px;
      }
    }
    .title {
      color: #fff;
      font-size: 42px;
      font-weight: 600;
      letter-spacing: 3px;
      line-height: 70px;
      margin-bottom: 4px;
    }
    .desc {
      color: #fff;
      font-size: 18px;
      line-height: 27px;
      margin: 8px 0 60px;
      opacity: 0.9;
    }
  }
}
</style>
